/*
 * Creative Bulletin Board Generation 3
 * Version 1.0 Beta 1
 +------------------------------------
 * CSS: Public Frontend Basic Layout
 * Started: August 22, 2009 15:56:00 PM
 +------------------------------------
 */

/*------------------------------------
 * Main Styles.
 * body, a, img, inputs, etc.
 */
body{
	background: #F2E9E0 url(../img/cbb3_ajax/bodybg.png) repeat-x;
	font-family: Arial, Verdana;
	font-size: 12px;
	margin: 0;
	color: #333;
}

a{
	font: inherit;
	color: inherit;
	text-decoration: none;
}

img{
	border: 0;
	vertical-align: middle;
}

input[type=text],
input[type=submit],
button,
input[type=password]{
	font: inherit;
	padding: 2px;
	border: 1px solid #CCC;
}

input[type=text]:hover,
input[type=submit]:hover,
button:hover,
input[type=password]:hover{
	border: 1px solid #000;
}


fieldset{ border: 0 }

/*------------------------------------
 * Header Area.
 * #top, .navigationMenu
 */

#top{
	background: url(../img/cbb3_ajax/logobg.png) repeat-x top #208ADC;
	padding: 8px;
}

#top img{
	position: relative;
	top: 0;
}

ul.navigationMenu{
	margin: 0;
	padding: 3px;
	background: #2291df;
	color: #FFF;
}

ul.navigationMenu li{
	display: inline;
	padding: 5px;
}

ul.navigationMenu li:hover{
	background: #33ccff;
}

ul.navigationMenu li.active{
	background: #33ccff;
}

/*------------------------------------
 * Login / Register Slide boxes and links
 */

#rightTop{
	float: right;
	color: #FFF;
}

#loginlink,
#registerlink{
	display: inline;
	color: #FFF;
}

#loginbox,
#registerbox{
	background: #33ccff;
	padding: 9px;
	color: #FFF;
	display: none;
}

/*------------------------------------
 * Reusable styles: Error, Warning, Success...etc
 * Used for inline(Error/Warning/Success/Info) in
 * the view class.
 */

.error{
	background: #F4E7EA;
	color: #222;
	padding: 3px;
	border: 1px solid #DA2182;
	margin: 5px;
}

.warning{
	background: #FDFEDE;
	color: #222;
	padding: 3px;
	border: 1px solid #F9AE02;
	margin: 5px;
}

.success{
	background: #EEFDD7;
	color: #222;
	padding: 3px;
	border: 1px solid #55983F;
	margin: 5px;
}

.info{
	background: #DBECF9;
	color: #222;
	padding: 3px;
	border: 1px solid #2768AF;
	margin: 5px;
}

/*------------------------------------
 * Center Zone / Reusable Styles
 * Container, "box" styles, anything
 * that applies to the content
 */

.container{
	margin: 15px;
}

.tableborder{
	border: 1px solid #CCC;
	margin: 3px;
}

.tabletop{
	background: #568BCD url(../img/cbb3_ajax/maintitle.png) repeat-x;
	padding: 5px;
	color: #FFF;
}

.subtitle{
	background: #F7F7F7 url(../img/cbb3_ajax/subtitle.gif) repeat-x;
	color: #333;
	font-weight: bold;
	padding: 3px;
}

.tablecontent{
	padding: 2px;
	background: #FFF;
}

.tablecontent-unpadded{
	background: #FFF;
}

/*-----------------------------------
 * Small Boxes for inner containers
 */


.smallBox{
	background: #F5F5F5;
	padding: 5px;
	margin: 3px;
	border: 1px solid #CCC;
}

.smallBox a{ font-weight: bold; text-decoration: underline; }

/*------------------------------------
 * Help System
 */

.excerpt{ font-style: italic; margin: 2px }


/*------------------------------------
 * UserLinks
 */

#user-dropdown-anchor{
	background: url(../img/cbb3_ajax/subtitle.gif) repeat-x #FFF;
	padding: 2px;
	border: 1px solid #CCC;
	color: #333;
	margin-bottom: 0;
	width: 150px;
}

#userlinks{
	background: #056AA7;
	padding: 5px;
}

/*------------------------------------
 * Dropdown Menus
 */

.dropdown-menu{
	background: #FFF;
	border: 1px solid #CCC;
	list-style:none;
	margin: 0;
	padding: 0;
	display: none;
	-moz-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	z-index: 999;
}

.dropdown-menu-item{
	background: #FFF;
	padding: 4px;
	color: #333;
}

.dropdown-menu-item-alt{
	background: #F7F7F7 !important;
}

.dropdownicon{
	float: right;
}

/*------------------------------------
 * Footer Stats Area
 */
#footerstats{
	background: #3983B3;
	color: #FFF;
	padding: 5px;
	margin: 7px;
}

/*------------------------------------
 * Copyright Styles
 */

.copyright{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px;
	text-align: center;
}

/*------------------------------------
 * Misc.
 */
br.clear{
	clear: both;
}

a.toggle{
	float: right;
}
